@import url(public.css?v=1.03);.header {height:75px;background:#FFF;box-shadow:0px 8px 6px 0px rgba(0,0,0,0.03);}
.logo {float:left;margin-top:12px;}
.logo img {height:48px;}
.nav ul {float:left;height:50px;line-height:50px;padding:15px 0px 0px 50px;}
.nav ul li {float:left;}
.nav ul li a {font-size:16px;padding:0px 25px;position:relative;color:#333;font-weight:700;}
.nav ul li a.active::before {content:"";width:36px;height:5px;border-radius:5px;background-image: linear-gradient(to right,#FFE082,#FF6F00);border-radius:3px;display:inline-block;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);}
.loginbar {float:right;margin-top:25px;border:1px solid #EEE;background:#FFF;height:30px;border-radius:30px;}
.loginbar input {background:none;border:0px;height:30px;padding-left:8px;outline: none;}
.loginbar button {background-image: linear-gradient(to right,#FFE082,#FF6F00);height:30px;border-radius:30px;width:60px;color:#333;}
@media screen and (max-width: 1000px) {
  body {padding-top:50px;}
  .logo {height: 33px;padding-left: 10px;margin-top: 8px;position: absolute;z-index: 9999;}
  .logo img {height: 33px;}
  .header {height: 50px;position: fixed;z-index: 9999;top: 0px;left: 0px;width: 100%;}
  .header-sub-tit {height: 50px;width: 100%;position: fixed;top: 0;z-index: 1000;}
  .header-sub-tit #goback {cursor: pointer;position: absolute;left: 8px;top: 8px;width: 34px;height: 34px;line-height: 34px;display: inline-block;text-align: center;color: #FFF;font-size: 20px;}
  .header-sub-tit #goback i {margin-top: 5px;}
  .header-sub-tit span {display: block;text-align: center;line-height: 50px;color: #EEE;font-size: 1rem;font-weight: normal;}
  .nav {display: none;background: #FFF;width: 100%;height: 91%;position: fixed;z-index: 1000;top: 51px;overflow: hidden;}
  .nav ul {padding: 0px;width: 100%;height: auto;float: none;}
  .nav ul li {height: 45px;line-height: 45px;float: none;clear: both;text-align: left;float: none;margin: 0px;width: auto;border-bottom: 1px solid #EEE;}
  .nav ul li a {color: #999;padding-left: 30px;}
  .nav ul li::before {border-left: 0px;}
  .nav ul {padding: 0px;}
  .loginbar {float: none;position: relative;border: 1px solid #EEE;margin: 15px 8px 8px 8px;}
  .loginbar input {width: 100%;}
  .loginbar button {position: absolute;right: 0px;top: 0px;}
  .m-menu-show-btn {position: fixed;right: 10px;top: 10px;z-index: 9999;line-height: 38px;}
  .m-menu-close-btn {position: fixed;top: 0px;right: 0px;z-index: 9999;padding: 12px;}
}

.game-recommend-tab{margin-bottom:20px;background:#FFF;}
.game-recommend-tab-title{position:relative;}
.game-recommend-tab-title:before{content:"";border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.game-recommend-tab-title span{margin-left:20px;position:relative;display:inline-block;height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#666;}
.game-recommend-tab-title span.active{color:#eb4e18;font-weight:bold;}
.game-recommend-tab-title span.active:before {content:"";border-bottom:2px solid #00bfb1;position:absolute;bottom:0px;left:0px;width:100%;}
.game-recommend-list{display:none;}
.game-recommend-list.active{display:block;}
.game-recommend-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.game-recommend-list ul li{float:left;text-align:center;width:117px;padding-bottom:15px;}
.game-recommend-list ul li p{line-height:24px;height:24px;overflow:hidden;}
.game-recommend-list ul li a{font-size:12px;}
.game-recommend-list ul li img{width:86px;height:86px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .game-recommend-tab{margin-bottom:5px;}
    .game-recommend-tab-title span{margin-left:0px;padding:0px 5px;font-size:14px;}
    .game-recommend-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .game-recommend-list ul li{margin-left:15px;}
    .game-recommend-list ul li img{width:66px;height:66px;}
}

.banner-box-l{width:500px;float:left;}
.banner{width:500px;height:320px;position:relative;}
.banner .swiper-slide img{width:500px;height:320px;}
.banner-box-notice{margin-top:20px;background:#FFF;clear:both;}
.banner-box-notice h2{font-size:16px;padding:0px 12px;line-height:40px;}
.banner-box-notice ul li{clear:both;padding:12px 12px; border-top:1px solid #EEE;}
.banner-box-notice ul li p:nth-child(1){height:24px;}
.banner-box-notice ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
.banner-box-notice ul li img{height:500px;height:320px;}


.banner-box-c{width:452px;float:left;margin-left:12px;}
.banner-box-c ul{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;}
.banner-box-c ul:nth-child(1){border-top:0px;}
.banner-box-c li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.banner-box-c li.banner-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.banner-box-c li.banner-box-td p{clear:both;}
.banner-box-c li.banner-box-td p:nth-child(1){font-size:16px;}
.banner-box-c li.banner-box-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.banner-box-c li.banner-box-td p:nth-child(1) a{color:#fe8900;line-height:30px;overflow:hidden;}
.banner-box-c li.banner-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.banner-box-c li a{float:left;color:#666;}
.banner-box-c li time{float:right;color:#999;font-size:12px;}

.banner-box-r{width:198px;float:right;padding:12px;background:#FFF;}
.banner-box-game ul{overflow:hidden;padding-top:9px;clear:both;background:#FFF;border-top:1px solid #EEE;}
.banner-box-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.banner-box-game ul li img{width:81px;height:81px;border-radius:8px;}
.banner-box-game ul li p{font-size:12px;padding-top:8px;height:22px;line-height:22px;overflow:hidden;}
.banner-box-game ul li span{font-size:12px;}
.banner-box-r .gamebox{position:relative;padding-left:100px;height:104px;overflow:hidden;}
.banner-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.banner-box-r .gamebox p{padding-top:12px;text-align:center;}
.banner-box-r .gamebox p:nth-child(2){padding-top:2px;}
.banner-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .banner-box-l{width:100%;float:none;}
    .banner{width:100%;}
    .banner-box-notice{margin-top:0px;}
    .banner-box-c{width:auto;margin-left:0px;float:none;margin-top:10px;}
    .banner-box-c ul{margin-top:1px;}
    .banner-box-r{float:none;width:auto;}
    .banner-box-game ul li{width:22%;margin-left:2%;padding:10px 0px 10px 0px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.index-game-box{width:860px;float:left;}
.index-game-box {clear:both;background:#FFF;border-radius:5px;}
.index-game-box .game-tab {position:relative;}
.index-game-box .game-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.index-game-box .game-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.index-game-box .game-tab span.active{color:#dc191b;font-weight:bold;}
.index-game-box .game-tab span.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.index-game-box .game-list{display:none;}
.index-game-box .game-list.active {display:block;}
.index-game-box .game-list ul li{padding:15px;overflow:hidden;float:left;width:390px;}
.index-game-box .game-list ul li img{float:left;width:88px;height:88px;border-radius:8px;margin-right:15px;}
.index-game-box .game-list ul li p.game-title{position:relative;padding-right:65px;height:30px;line-height:30px;}
.index-game-box .game-list ul li p.game-title time{position:absolute;right:0px;top:0px;font-size:12px;color:#666;}
.index-game-box .game-list ul li p.game-title a{color:#333;font-size:16px;}
.index-game-box .game-list ul li p.game-desc{font-size:14px;color:#999;line-height:20px;height:40px;overflow:hidden;font-size:12px;}

.index-game-right{background:#FFF;width:320px;float:right;}
.index-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.index-game-right ul{overflow:hidden;}
.index-game-right ul li{clear:bot;overflow:hidden;padding:15px 20px;}
.index-game-right ul li img{width:88px;height:88px;border-radius:8px;float:left;margin-right:15px;}
.index-game-right ul li .index-game-title{font-size:16px;}
.index-game-rightul li .index-game-type{color:#999;margin-top:8px;}
.index-game-right ul li .index-game-down{margin-top:8px;}

.game-type{background:#FFF;overflow:hidden;padding:15px 15px 15px 5px}
.game-type a{float:left;margin-left:15px;margin-top:5px;display:inline-block;}

@media screen and (max-width:1000px) {
    .game-type{padding:8px}
    .index-game-box{width:auto;float:none;}
    .index-game-box .game-list ul li{width:auto;float:none;padding:12px;}
    .index-game-right{float:none;width:100%;}
    .index-game-right ul li{padding:12px;}
}

.phb-box .item {width: 292px;border-radius: 3px;float: left;margin: 35px 10px 0 0;background:#FFF;}
.phb-box .item:last-of-type {margin-right: 0;}
.phb-box .item .top_bg {width: 150px;height: 56px;margin: -26px auto 0;text-align: center;font-size: 18px;background: url(../img/phb-bg.png) no-repeat;color: #16debd;line-height: 42px;}
.phb-box .item ul {width: 260px;margin: 0 auto;overflow: hidden;padding-bottom:10px;}
.phb-box .item ul li {width: 100%;overflow: hidden;}
.phb-box .item ul li .lis_a {width: 100%;height: 40px;line-height: 40px;}
.phb-box .item ul li .lis_a .bt {width: 200px;font-size: 14px;color: #222;height: 40px;line-height: 40px;display: block;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 10px;}
.phb-box .item ul li .lis_b {width: 100%;display: none;}
.phb-box .item ul li .lis_b .img {display: block;float: left;margin: 10px;}
.phb-box .item ul li .lis_b .img img {width: 90px;height: 90px;border-radius: 18px;}
.phb-box .item ul li .lis_b .bt {display: block;margin: 5px 0 0 10px;width: 140px;height: 24px;line-height: 24px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #222;}
.phb-box .item ul li .lis_b .bt:hover {color: #f60;}
.phb-box .item ul li .lis_b .info {width: 140px;margin-left: 10px;float: left;margin-top: 5px;}
.phb-box .item ul li .lis_b .info p {width: 100%;height: 18px;line-height: 18px;font-size: 12px;color: #737373;}
.phb-box .item ul li span {display: block;float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;border-radius: 3px;margin: 12px 10px 0;background: #f0f0f0;color: #a2a2a2;}
.phb-box .item ul li.on .lis_a {display: none;}
.phb-box .item ul li.on .lis_b {display: block;}
.phb-box .item_a ul li:nth-of-type(1) span {background: #6ee7cf;color: #fff;}
.phb-box .item_a ul li:nth-of-type(2) span {background: #8becd9;color: #fff;}
.phb-box .item_a ul li:nth-of-type(3) span {background: #a8f1e2;color: #fff;}
.phb-box .item_b .top_bg {background-position: 0 -56px;color: #19abff;}
.phb-box .item_b ul li:nth-of-type(1) span {background: #19abff;color: #fff;}
.phb-box .item_b ul li:nth-of-type(2) span {background: #47bcff;color: #fff;}
.phb-box .item_b ul li:nth-of-type(3) span {background: #75cdff;color: #fff;}
.phb-box .item_c .top_bg {background-position: 0 -112px;color: #feaa48;}
.phb-box .item_c ul li:nth-of-type(1) span {background: #feaa48;color: #fff;}
.phb-box .item_c ul li:nth-of-type(2) span {background: #febb6d;color: #fff;}
.phb-box .item_c ul li:nth-of-type(3) span {background: #fecc91;color: #fff;}
.phb-box .item_d .top_bg {background-position: 0 -168px;color: #f25657;}
.phb-box .item_d ul li:nth-of-type(1) span {background: #f25657;color: #fff;}
.phb-box .item_d ul li:nth-of-type(2) span {background: #f57879;color: #fff;}
.phb-box .item_d ul li:nth-of-type(3) span {background: #f79a9a;color: #fff;}
@media screen and (max-width:1000px) {
    .phb-box .item{width:auto;float:none;margin-right:0px;}
    .phb-box .item ul{padding:0px 15px;width:auto;}
}

.index-zixun-box{background:#FFF;overflow:hidden;}
.index-zixun-box .index-zixun-title{padding:0px 15px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.index-zixun-box .index-zixun-title h2{float:left;font-size:18px;}
.index-zixun-box .index-zixun-title a{float:right;}

.index-zixun-box ul{border-top:1px solid #EEE;clear:both;}
.index-zixun-box ul li{padding:18px 0px 16px 18px;width:365px;overflow:hidden;float:left;}
.index-zixun-box ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.index-zixun-box ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.index-zixun-box ul li p.news-title a{color:#333;font-size:16px;}
.index-zixun-box ul li p time{float:left;font-size:14px;color:#999;}
.index-zixun-box ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .index-zixun-box ul{padding-top:12px}
    .index-zixun-box ul li{width:auto;float:none;padding:0px 12px 12px 12px;}
    .index-zixun-box ul li p span,.index-zixun-box ul li p time{font-size:12px;}
}

.wenda-box{width:830px;float:left;background:#FFF;border-radius:5px;}
.wenda-box .wenda-tab {position:relative;}
.wenda-box .wenda-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.wenda-box .wenda-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.wenda-box .wenda-tab span.active{color:#dc191b;font-weight:bold;}
.wenda-box .wenda-tab span.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.wenda-box .wenda-list{display:none;}
.wenda-box .wenda-list.active {display:block;}
.wenda-box .wenda-list ul li{clear:both;padding:15px;overflow:hidden;border-top:1px solid #EEE;}
.wenda-box .wenda-list ul li:nth-child(1){border-top:0px;}
.wenda-box .wenda-list ul li img{float:left;width:50px;height:50px;;border-radius:50px;margin-right:15px;}
.wenda-box .wenda-list ul li p.wenda-title{position:relative;padding-right:65px;height:33px;line-height:33px;}
.wenda-box .wenda-list ul li p.wenda-title time{position:absolute;right:0px;top:0px;font-size:14px;color:#999;}
.wenda-box .wenda-list ul li p.wenda-title a{color:#333;font-size:16px;}
.wenda-box .wenda-list ul li p.wenda-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}

.wenda-right{background:#FFF;overflow:hidden;float:right;width:345px;}
.wenda-right-title{height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.wenda-right-title h2{float:left;font-size:18px;}
.wenda-right-title a{float:right;}
.wenda-right ul{padding:8px 0px;overflow:hidden;clear:both;}
.wenda-right ul li{line-height:48px;height:48px;overflow:hidden;margin:0px 15px;border-top:1px solid #F6F6F6;position:relative;padding:0px 10px 0px 35px;}
.wenda-right ul li::before{content:'问';border:1px solid #fd3b3b;color:#fd3b3b;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;position:absolute;left:0px;top:12px;}
.wenda-right ul li:nth-child(1){border-top:0px;}
.wenda-right ul li time{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .wenda-box{width:auto;float:none;margin-top:10px}
    .wenda-box .wenda-list ul li p.wenda-title{padding-right:0px;}
    .wenda-box .wenda-list ul li p.wenda-title time{display:none}
    .wenda-right{float:none;width:auto;margin-top:10px;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ol{padding:15px 0px;overflow:hidden;}
.game-vs-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}
}